<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="./img/yicon.ico" type="image/x-icon" />
    <title>首页</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 导航条 -->
    <nav class="navbar navbar-dark bg-dark navbar-expand-lg navbar-light sticky-top">
        <!-- Navbar content -->
        <!-- brand -->
        <a class="navbar-brand" href="#">
            <svg t="1609858061196" class="icon" width="40" height="40" class="d-inline-block align-top"
                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2045" width="100"
                height="100">
                <path
                    d="M512 899.5c-213.668 0-387.5-173.832-387.5-387.5S298.332 124.5 512 124.5 899.5 298.332 899.5 512 725.668 899.5 512 899.5z"
                    fill="#4472C4" p-id="2046"></path>
                <path
                    d="M512 137c-206.776 0-375 168.224-375 375s168.224 375 375 375 375-168.224 375-375-168.224-375-375-375m0-25c220.914 0 400 179.086 400 400S732.914 912 512 912 112 732.914 112 512s179.086-400 400-400z"
                    fill="#4472C4" p-id="2047"></path>
                <path
                    d="M647.761 332.294c0-4.806-2.67-9.613-8.011-13.885C633.876 314.136 628 312 622.661 312c-4.272 0-8.545 1.6-12.817 4.272-4.806 3.2-8.011 5.874-10.147 9.079a139.029 139.029 0 0 0-8.011 14.953l-6.409 16.021-6.409 17.089a138.364 138.364 0 0 1-7.477 15.487l-32.041 59.281c-11.749 20.294-23.5 41.656-36.315 65.154l-14.954-22.965c-4.272-5.875-8.011-11.749-11.749-17.624a241.585 241.585 0 0 1-19.225-36.847c-6.409-16.021-11.749-32.043-14.953-48.6-4.272-16.021-7.477-32.043-10.681-48.6a24.163 24.163 0 0 0-9.613-13.351 33.13 33.13 0 0 0-17.089-4.806 36.962 36.962 0 0 0-18.158 4.806Q377 330.959 377 338.168a9.022 9.022 0 0 0 1.6 5.34c1.068 2.136 1.6 4.272 2.67 5.875 1.068 2.136 2.136 4.806 3.2 6.943s2.136 4.806 3.2 6.943a346.625 346.625 0 0 0 16.021 51.8A443.33 443.33 0 0 0 424 461a472.847 472.847 0 0 0 25.63 44.324c9.079 14.953 19.76 30.975 31.509 47-5.874 9.613-11.215 18.158-15.487 26.168-5.341 8.541-10.152 17.086-14.952 25.097-2.136 3.738-5.874 9.079-10.681 16.021L425.6 642.04a413.509 413.509 0 0 0-13.351 21.362c-4.272 6.409-6.943 11.215-7.477 13.351a18.792 18.792 0 0 0-1.068 6.409c0 6.943 2.136 13.351 6.943 19.76A20.837 20.837 0 0 0 428.268 712c6.409 0 11.215-2.67 14.419-7.477A150.417 150.417 0 0 0 453.9 684.23c3.2-6.409 6.943-13.351 11.215-20.294 10.685-19.226 21.364-38.451 32.579-57.677 10.681-18.692 20.828-37.917 31.506-58.211 16.555-32.043 33.645-63.551 51.8-94.526s35.247-63.017 51.268-95.594a13.385 13.385 0 0 1 2.136-3.738 30.63 30.63 0 0 1 2.136-3.738 16.229 16.229 0 0 1 2.67-3.738 22.611 22.611 0 0 0 2.67-3.738 34.059 34.059 0 0 0 3.2-4.806c1.613-2.67 2.681-4.808 2.681-5.876z"
                    fill="#FFFFFF" p-id="2048"></path>
            </svg>
            YYY商城</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <!-- 导航 -->
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="http://127.0.0.1:3000/">首页<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="http://127.0.0.1:3000/cart">购物车</a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link" href="#">关于</a>
                </li> -->
            </ul>
            <div class="my-2 my-lg-0 right-txt">
                <a href="http://127.0.0.1:3000/login" class="mr-sm-2 btn btn-primary btn-sm active" role="button"
                    aria-pressed="true">登录</a>
                <a href="http://127.0.0.1:3000/reg" class="btn btn-outline-primary btn-sm my-2 my-sm-0" role="button"
                    aria-pressed="true">注册</a>
            </div>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./img/slide1.jpg" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h5>First slide label</h5>
                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="./img/slide2.jpg" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Second slide label</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="./img/slide3.jpg" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Third slide label</h5>
                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!-- 商品展示 -->

    <h2 class="text-center mt-3 mb-3 text-primary">商品</h2>
    <div class="container goods">
       
    </div>

</body>

</html>